<!DOCTYPE html>
<html>
<#include "../../common/header.ftl">
<script src="${basePath}/js/order/refundApply.js?v=201711021700"></script>
<link rel="stylesheet" href="${basePath}/css/style.css" />
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>申请退货</title>
  <style>
  
  </style>
</head>	
<body>
<div class="am-cf admin-main" style="padding-top: 0px;">
<#if orderVo??>
<div class="admin-content">
  <div class="admin-content-body">
    <div class="am-tabs am-margin" data-am-tabs>
      <div class="ui_background_white">
		<div class="ui_sqsh_tb clearfix">
			<div class="ui_inline_table">
				<div class="ui_table_row">
					<div class="ui_table_cell ui_pl20 ui_min_f1 ui_color21">
						<p>订单编号：${orderVo.order.orderNo}</p>
						<p>下单时间：${orderVo.order.createDate?string('YYYY-MM-dd HH:mm') }</p>
					</div>
					<div class="ui_table_cell ui_pr20 ui_max_f1 ui_color25 ui_text_r" style="vertical-align: middle;">请选择退款商品和数量</div>
				</div>
			</div>
		</div>

		<div class="ui_sqsh_c1">
	    	<ul>
	    		<#list orderVo.detailList! as detail>
	    			<#if detail.quantity?? && (detail.quantity>detail.refundQuantity)>
		    		<li class="clearfix j_details">
		    			<div class="clt">
		    				<div class="ui_check_b3 ui_checkb ui_check_b3_2 ui_mlt">
								<input type="checkbox" class="detail-checkbox" value="${detail.id}">
								<span class="ico"></span>
							</div>
		    			</div>
		    			<div class="crt">
		    				<div class="pic">
		    				  <#if detail.coverImg??>
		    					<img src="${imgUrl+detail.coverImg}" class="ui_block">
		    				  <#else>
		    				  	<img src="${basePath}/images/default_goods.jpg" class="ui_block">
		    				  </#if>
		    				</div>
							<div class="rcn clearfix">
								<div class="lt2">
									<div class="ti ui_color12">${detail.goodsName }</div>
								</div>
								<div class="rt2 ui_color21 ui_text_r">x${detail.quantity }</div>
								<div class="bk10"></div>
								<div class="ui_min_f1 ui_color21">颜色: ${detail.colorName }  尺寸: ${detail.sizeName }</div>
								<div class="bk10"></div>
								<div class="lt">
									<span class="ui_max_f1 ui_color8">¥ ${detail.price?string('#0.00') }</span>
								</div>
	
								<div class="rt">
									<input type="button" class="jia_obj ui_ico2 jia_ico fr" value="">
				                    <input type="text" class="num_txt_obj txt_ipt fr refund-quantity" name="quantity"  total="${detail.quantity-detail.refundQuantity}" value="${detail.quantity -detail.refundQuantity}" readonly="readonly">
				                    <input type="button" class="jian_obj ui_ico2 jian_ico fr" value="">
				                    <div class="bk5"></div>
				                    <div class="ui_text_r ui_color26 ui_f12">
				                    	<#if detail.refundQuantity?? && (detail.refundQuantity>0)>您已经退货${detail.refundQuantity}件，还能退货的数量为${detail.quantity -detail.refundQuantity}
				                    	<#else>最多提交数量为${detail.quantity }
				                    	</#if>
				                   </div>
								</div>
							</div>
		    			</div>
		            </li>
		            </#if>
		          </#list>
	    	</ul>
	    </div>
	</div>
	<div class="bk20"></div>

	<div class="ui_sqsh_c2 ui_background_white ui_padding_lr20">
		<div class="bk15"></div>
		<div class="ui_max_f2 ui_color7">问题描述</div>
		<div class="bk15"></div>
		<div class="ui_padding_lr20">
			<textarea name="remark" id="remark" class="ui_sh_area" rows="5" placeholder="请输入退货原因"></textarea>
		</div>
		<div class="bk40"></div>
	</div>
	<div class="bk20"></div>
	<div>
		<div>
			<span>商品是否已发货: 是<input type="radio" name="is_send" id="is_send_true" value="1" checked="checked">&nbsp;&nbsp;&nbsp;&nbsp;否<input type="radio" name="is_send" id="is_send_false" value="0" ></span> 
		</div>
		<div id="send_goods">
			<span>是否填写快递信息: 是<input type="radio" name="is_ship" id="is_ship_true" value="1">&nbsp;&nbsp;&nbsp;&nbsp;否<input type="radio" name="is_ship" id="is_ship_false" value="0" checked="checked"></span> 
			<div class="ui_padding_lr20 ui_sqsh_fm" id="ship_div">
				<dl>
					<div class="ui_color7 ui_max_f1">退货物流信息</div>
					<div class="bk10"></div>
					<input id="txtShipNo" type="text" class="ui_sh_ipttxt" placeholder="输入快递单号">
				</dl>
	
				<dl>
					<div class="ui_color7 ui_max_f1">快递公司</div>
					<div class="bk10"></div>
					<input id="txtShipCompanyName" type="text" class="ui_sh_ipttxt" placeholder="输入快递公司名称">
				</dl>
			<!--
				<dl>
					<div class="ui_color7 ui_max_f1">发件人</div>
					<div class="bk10"></div>
					<input id="txtUserName" type="text" class="ui_sh_ipttxt" placeholder="输入发件人名称">
				</dl>
	
				<dl>
					<div class="ui_color7 ui_max_f1">联系电话</div>
					<div class="bk10"></div>
					<input id="txtUserTel" type="text" class="ui_sh_ipttxt" placeholder="输入发件人联系电话">
				</dl>
			-->
				<dl>
					<div class="ui_color7 ui_max_f1">发货日期</div>
					<div class="bk10"></div>
					<input id="txtShipDate" type="date" class="ui_sh_ipttxt" placeholder="输入发货日期">
				</dl>
			</div>
		</div>
	</div>
	
	<div class="bk40"></div>
	<div class="ui_footh2">
		<div class="ui_gmbtn">
			<a href="#" class="ui_max_f2 ui_text_c" id="save-button">提交</a>
		</div>
	</div>
       </div>

      </div>
    </div>
<#else>
<p>无可退商品</p>
</#if>
  </div>
</body>
<script type="text/javascript">
var basePath="${basePath}";
	var init={
	   "orderId":"${orderVo.order.id}"
	}
	$(function(){
		layui.use(['form', 'layer','laydate'] , function(){
		  var layer = layui.layer;
		  var form = layui.form(); 
		  $("#ship_div").hide();
		});
	});
</script>
</html>
